<template>
    <div id="base" class="">

        <!-- Unnamed (Rectangle) -->
        <div id="u2409" class="ax_default box_2">
            <div id="u2409_div" class=""></div>
        </div>

        <!-- 其他方式登录 (Group) -->
        <div id="u2410" class="ax_default" data-label="其他方式登录" data-left="57" data-top="613" data-width="302"
             data-height="189">

            <!-- Unnamed (Horizontal Line) -->
            <div id="u2411" class="ax_default line1">
                <img id="u2411_img" class="img " src="../assets/images/login/u2411.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2412" class="ax_default label2">
                <div id="u2412_div" class=""></div>
                <div id="u2412_text" class="text ">
                    <p><span>或通过以下方式登录</span></p>
                </div>
            </div>

            <!-- Unnamed (Horizontal Line) -->
            <div id="u2413" class="ax_default line1">
                <img id="u2413_img" class="img " src="../assets/images/login/u2411.png"/>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u2414" class="ax_default" data-left="188" data-top="655" data-width="40" data-height="40">

                <!-- Unnamed (Ellipse) -->
                <div id="u2415" class="ax_default ellipse">
                    <img id="u2415_img" class="img " src="../assets/images/login/u2415.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u2416" class="ax_default icon1">
                    <img id="u2416_img" class="img " src="../assets/images/login/u2416.png"/>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u2417" class="ax_default" data-left="319" data-top="655" data-width="40" data-height="40">

                <!-- Unnamed (Ellipse) -->
                <div id="u2418" class="ax_default ellipse">
                    <img id="u2418_img" class="img " src="../assets/images/login/u2415.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u2419" class="ax_default icon1">
                    <img id="u2419_img" class="img " src="../assets/images/login/u2419.png"/>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u2420" class="ax_default" data-left="253" data-top="655" data-width="40" data-height="40">

                <!-- Unnamed (Ellipse) -->
                <div id="u2421" class="ax_default ellipse">
                    <img id="u2421_img" class="img " src="../assets/images/login/u2415.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u2422" class="ax_default icon1">
                    <img id="u2422_img" class="img " src="../assets/images/login/u2422.png"/>
                </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2423" class="ax_default label2">
                <div id="u2423_div" class=""></div>
                <div id="u2423_text" class="text ">
                    <p><span
                            style="font-family:'PingFangSC-Medium', 'PingFang SC Medium', 'PingFang SC';font-weight:500;color:#CCCCCC;">登录或注册代表您同意</span><span
                            style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;color:#666EE8;">用户服务协议</span>
                    </p>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u2424" class="ax_default" data-left="123" data-top="655" data-width="40" data-height="40">

                <!-- Unnamed (Ellipse) -->
                <div id="u2425" class="ax_default ellipse">
                    <img id="u2425_img" class="img " src="../assets/images/login/u2415.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u2426" class="ax_default icon1">
                    <img id="u2426_img" class="img " src="../assets/images/login/u2426.png"/>
                </div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u2427" class="ax_default" data-left="57" data-top="655" data-width="40" data-height="40">

                <!-- Unnamed (Ellipse) -->
                <div id="u2428" class="ax_default ellipse">
                    <img id="u2428_img" class="img " src="../assets/images/login/u2415.png"/>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u2429" class="ax_default icon1">
                    <img id="u2429_img" class="img " src="../assets/images/login/u2429.png"/>
                </div>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2430" class="ax_default label2">
            <div id="u2430_div" class=""></div>
            <div id="u2430_text" class="text ">
                <p><span>登录</span></p>
            </div>
        </div>

        <!-- Unnamed (样机) -->

        <!-- 设备样机 (Group) -->
        <div id="u2432" class="ax_default" data-label="设备样机" data-left="-2" data-top="0" data-width="420"
             data-height="863">

            <!-- Unnamed (Rectangle) -->
            <div id="u2433" class="ax_default box_21">
                <div id="u2433_div" class=""></div>
                <div id="u2433_text" class="text ">
                    <p><span>8:30</span></p>
                </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u2434" class="ax_default shape">
                <img id="u2434_img" class="img " src="../assets/images/bootPage/u2401.png"/>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u2435" class="ax_default icon">
                <img id="u2435_img" class="img " src="../assets/images/bootPage/u2402.png"/>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u2436" class="ax_default shape">
                <img id="u2436_img" class="img " src="../assets/images/bootPage/u2403.png"/>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u2437" class="ax_default _图片_">
                <img id="u2437_img" class="img " src="../assets/images/bootPage/u2404.png"/>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u2438" class="ax_default _图片_">
                <img id="u2438_img" class="img " src="../assets/images/bootPage/u2405.png"/>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u2439" class="ax_default _图片_">
                <img id="u2439_img" class="img " src="../assets/images/bootPage/u2406.png"/>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u2440" class="ax_default _图片_">
                <img id="u2440_img" class="img " src="../assets/images/bootPage/u2407.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2441" class="ax_default box_21">
                <div id="u2441_div" class=""></div>
            </div>
        </div>

        <!-- Unnamed (Dynamic Panel) -->
        <div id="u2442" class="ax_default">
            <div id="u2442_state0" class="panel_state" data-label="手机验证码登录" style="">
                <div id="u2442_state0_content" class="panel_state_content">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2443" class="ax_default button">
                        <div id="u2443_div" class=""></div>
                        <div id="u2443_text" class="text ">
                            <p><span>登录</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2444" class="ax_default label2">
                        <div id="u2444_div" class=""></div>
                        <div id="u2444_text" class="text ">
                            <p><span>注册新用户</span></p>
                        </div>
                    </div>

                    <!-- 手机号 (Group) -->
                    <div id="u2445" class="ax_default" data-label="手机号" selectiongroup="1" data-left="0" data-top="90"
                         data-width="335" data-height="44">

                        <!-- line1 (Rectangle) -->
                        <div id="u2446" class="ax_default box_11" data-label="line1" selectiongroup="line">
                            <div id="u2446_div" class=""></div>
                        </div>

                        <!-- Unnamed (Vertical Line) -->
                        <div id="u2447" class="ax_default line">
                            <img id="u2447_img" class="img " src="../assets/images/login/u2447.png"/>
                        </div>

                        <!-- Unnamed (Text Field) -->
                        <div id="u2448" class="ax_default text_field">
                            <input id="u2448_input" type="text" value=""/>
                        </div>

                        <!-- 1 (Shape) -->
                        <div id="u2449" class="ax_default icon1 ax_default_hidden" data-label="1"
                             style="display:none; visibility: hidden">
                            <img id="u2449_img" class="img " src="../assets/images/login/1_u2449.png"/>
                        </div>

                        <!-- Unnamed (Shape) -->
                        <div id="u2450" class="ax_default icon1">
                            <img id="u2450_img" class="img " src="../assets/images/login/u2450.png"/>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u2451" class="ax_default label2">
                            <div id="u2451_div" class=""></div>
                            <div id="u2451_text" class="text ">
                                <p><span>+86</span></p>
                            </div>
                        </div>
                    </div>

                    <!-- 验证码 (Group) -->
                    <div id="u2452" class="ax_default" data-label="验证码" selectiongroup="1" data-left="0" data-top="151"
                         data-width="335" data-height="44">

                        <!-- line2 (Rectangle) -->
                        <div id="u2453" class="ax_default box_11" data-label="line2" selectiongroup="line">
                            <div id="u2453_div" class=""></div>
                        </div>

                        <!-- Unnamed (Text Field) -->
                        <div id="u2454" class="ax_default text_field">
                            <input id="u2454_input" type="text" value=""/>
                        </div>

                        <!-- 2 (Shape) -->
                        <div id="u2455" class="ax_default icon1 ax_default_hidden" data-label="2"
                             style="display:none; visibility: hidden">
                            <img id="u2455_img" class="img " src="../assets/images/login/1_u2449.png"/>
                        </div>

                        <!-- botton (Rectangle) -->
                        <div id="u2456" class="ax_default button" data-label="botton">
                            <div id="u2456_div" class=""></div>
                            <div id="u2456_text" class="text ">
                                <p><span>获取验证码</span></p>
                            </div>
                        </div>

                        <!-- option (Dynamic Panel) -->
                        <div id="u2457" class="ax_default ax_default_hidden" data-label="option"
                             style="display:none; visibility: hidden">
                            <div id="u2457_state0" class="panel_state" data-label="State1" style="">
                                <div id="u2457_state0_content" class="panel_state_content">

                                    <!-- Unnamed (Rectangle) -->
                                    <div id="u2458" class="ax_default box_2">
                                        <div id="u2458_div" class=""></div>
                                    </div>
                                </div>
                            </div>
                            <div id="u2457_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                                <div id="u2457_state1_content" class="panel_state_content">

                                    <!-- Unnamed (Rectangle) -->
                                    <div id="u2459" class="ax_default box_2">
                                        <div id="u2459_div" class=""></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Unnamed (Shape) -->
                        <div id="u2460" class="ax_default icon1">
                            <img id="u2460_img" class="img " src="../assets/images/login/u2460.png"/>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2461" class="ax_default _一级标题">
                        <div id="u2461_div" class=""></div>
                        <div id="u2461_text" class="text ">
                            <p style="font-size:24px;"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">手机验证码登录</span>
                            </p>
                            <p style="font-size:12px;"><span
                                    style="font-family:'PingFangSC-Regular', 'PingFang SC';color:#999999;">欢迎使用Daisy商城</span>
                            </p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2462" class="ax_default label2">
                        <div id="u2462_div" class=""></div>
                        <div id="u2462_text" class="text ">
                            <p><span>账号密码登陆</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div id="u2442_state1" class="panel_state" data-label="密码登录" style="visibility: hidden;">
                <div id="u2442_state1_content" class="panel_state_content">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2463" class="ax_default button">
                        <div id="u2463_div" class=""></div>
                        <div id="u2463_text" class="text ">
                            <p><span>登录</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2464" class="ax_default label2">
                        <div id="u2464_div" class=""></div>
                        <div id="u2464_text" class="text ">
                            <p><span>忘记密码？</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2465" class="ax_default label2">
                        <div id="u2465_div" class=""></div>
                        <div id="u2465_text" class="text ">
                            <p><span>免密登录</span></p>
                        </div>
                    </div>

                    <!-- 手机号 (Group) -->
                    <div id="u2466" class="ax_default" data-label="手机号" selectiongroup="1" data-left="0" data-top="90"
                         data-width="335" data-height="44">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u2467" class="ax_default box_11" selectiongroup="2">
                            <div id="u2467_div" class=""></div>
                        </div>

                        <!-- Unnamed (Text Field) -->
                        <div id="u2468" class="ax_default text_field">
                            <input id="u2468_input" type="text" value=""/>
                        </div>

                        <!-- 1 (Shape) -->
                        <div id="u2469" class="ax_default icon1 ax_default_hidden" data-label="1"
                             style="display:none; visibility: hidden">
                            <img id="u2469_img" class="img " src="../assets/images/login/1_u2449.png"/>
                        </div>

                        <!-- Unnamed (Shape) -->
                        <div id="u2470" class="ax_default icon1">
                            <img id="u2470_img" class="img " src="../assets/images/login/u2450.png"/>
                        </div>
                    </div>

                    <!-- 验证码 (Group) -->
                    <div id="u2471" class="ax_default" data-label="验证码" selectiongroup="1" data-left="0" data-top="151"
                         data-width="335" data-height="44">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u2472" class="ax_default box_11" selectiongroup="2">
                            <div id="u2472_div" class=""></div>
                        </div>

                        <!-- Unnamed (Text Field) -->
                        <div id="u2473" class="ax_default text_field">
                            <input id="u2473_input" type="text" value=""/>
                        </div>

                        <!-- 2 (Shape) -->
                        <div id="u2474" class="ax_default icon1 ax_default_hidden" data-label="2"
                             style="display:none; visibility: hidden">
                            <img id="u2474_img" class="img " src="../assets/images/login/1_u2449.png"/>
                        </div>

                        <!-- Unnamed (Shape) -->
                        <div id="u2475" class="ax_default icon1">
                            <img id="u2475_img" class="img " src="../assets/images/login/u2475.png"/>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2476" class="ax_default _一级标题">
                        <div id="u2476_div" class=""></div>
                        <div id="u2476_text" class="text ">
                            <p style="font-size:24px;"><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">账号密码登录</span>
                            </p>
                            <p style="font-size:12px;"><span
                                    style="font-family:'PingFangSC-Regular', 'PingFang SC';color:#999999;">欢迎使用Daisy商城</span>
                            </p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2477" class="ax_default label2">
                        <div id="u2477_div" class=""></div>
                        <div id="u2477_text" class="text ">
                            <p><span>注册新用户</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- toast提示 (Dynamic Panel) -->
        <div id="u2478" class="ax_default ax_default_hidden" data-label="toast提示"
             style="display:none; visibility: hidden">
            <div id="u2478_state0" class="panel_state" data-label="登陆成功" style="">
                <div id="u2478_state0_content" class="panel_state_content">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2479" class="ax_default box_2">
                        <div id="u2479_div" class=""></div>
                        <div id="u2479_text" class="text ">
                            <p><span>登录成功</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div id="u2478_state1" class="panel_state" data-label="手机号码有误" style="visibility: hidden;">
                <div id="u2478_state1_content" class="panel_state_content">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2480" class="ax_default box_2">
                        <div id="u2480_div" class=""></div>
                        <div id="u2480_text" class="text ">
                            <p><span>手机号不存在</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div id="u2478_state2" class="panel_state" data-label="验证码有误" style="visibility: hidden;">
                <div id="u2478_state2_content" class="panel_state_content">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2481" class="ax_default box_2">
                        <div id="u2481_div" class=""></div>
                        <div id="u2481_text" class="text ">
                            <p><span>验证码有误</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u2482" class="ax_default" data-left="184" data-top="129" data-width="48" data-height="48">

            <!-- Unnamed (Group) -->
            <div id="u2483" class="ax_default" data-left="184" data-top="129" data-width="48" data-height="48">

                <!-- Unnamed (Rectangle) -->
                <div id="u2484" class="ax_default box_21">
                    <div id="u2484_div" class=""></div>
                </div>

                <!-- Unnamed (Shape) -->
                <div id="u2485" class="ax_default shape">
                    <img id="u2485_img" class="img " src="../assets/images/bootPage/u2393.png"/>
                </div>
            </div>
        </div>
    </div>
</template>


<script>
    // import {Form, Field, Button, Toast} from "vant";

    export default {
        data() {
            return {
                username: "",
                password: "",
            };
        },
        methods: {
            onSubmit(values) {
                console.log("submit", values);
                // Toast('登录成功')
                this.$router.push('/')

            },

        },
        beforeCreate() {
            this.$store.commit("changeNavIsShow", false);
        },
        beforeDestroy() {
            this.$store.commit("changeNavIsShow", true);
        },
        components: {
            // vanForm: Form,
            // vanField: Field,
            // vanButton: Button,
        },
    };
</script>
<style src="../css/login/styles.css"></style>
<style src="../css/styles.css"></style>
<style lang="scss" scoped></style>
